<template>
	<view>
		<view class="top">
			<view class="go_back" @click="go_back">
				<image src="../../../static/img/back.png" mode=""></image>
			</view>
			<view class="dname">
				霞客文章
			</view>

		</view>
		<view class="uni-padding-wrap uni-common-mt">
			<view class="video">
				<video id="myVideo" :src="wenzhang.video" autoplay="true" controls></video>
			</view>

			<view class="shipin_jianjie">
				<view class="shipin_jianjieword">
					简介
				</view>
				<view class="shipin_jj">
					<view class="shipin_jianjie_left">
						<image :src="wenzhang.user_img" mode="" style="height: 160rpx;width: 160rpx;">
						</image>
					</view>
					<view class="shipin_jianjie_right">
						<view class="shipin_yonghuming" >
							{{wenzhang.user_name}}
						</view>
						<view class="shipin_time">
							2022-07-15
						</view>


						<button class="btn">关注</button>
					</view>

					<!-- <view class="shipin_jianjie_dianzan">
					<view class="shipin_xiangshang">
						<image src="../../../static/logo.png" mode="" style="height: 50rpx;width: 50rpx;" ></image>  20
					</view>
					<view class="shipin_xiangxia">
						<image src="../../../static/logo.png" mode="" style="height: 50rpx;width: 50rpx; " ></image> 30
					</view>
				</view> -->
				</view>
				<view class="shipin_pinlunwenzi" style="font-size: 48rpx;border: ">
					{{wenzhang.wz_title}}
				</view>
			</view>
			<view class="shipin_pinlun">
				<view class="shipin_word">
					评论
				</view>
				<view class="shipin_imqge">
					<view class="shipin_imqge_left">
						<image src="../../../static/img/avatar4.png" mode=""></image>
					</view>
					<view class="shipin_imqge_right">
						<view class="shipin_yonghuming">
							嘻嘻
						</view>
						<view class="shipin_time">
							2022-07-15
						</view>
						<view class="shipin_pinlunwenzi">
							<text
								style="font-size: 35rpx;">结合以上犯罪特点、原因和审判经验，小渡给大家总结出以下防范电信网络诈骗犯罪的对策及建议，一起来看看这份“反诈宝典”吧！</text>
						</view>
						<view class="shipin_dianzan">
							<view class="shipin_xiangshang">
								<image src="../../../static/img/dianzan.png" mode=""
									style="height: 50rpx;width: 50rpx;"></image> 20
							</view>
							<view class="shipin_xiangxia">
								<image src="../../../static/img/share_icon.png" mode=""
									style="height: 50rpx;width: 50rpx; "></image> 12
							</view>
						</view>
					</view>

				</view>
				<view class="shipin_imqge">
					<view class="shipin_imqge_left">
						<image src="../../../static/img/avatar7.png" mode=""></image>
					</view>
					<view class="shipin_imqge_right">
						<view class="shipin_yonghuming">
							小飞飞
						</view>
						<view class="shipin_time">
							2022-07-15
						</view>
						<view class="shipin_pinlunwenzi">
							<text
								style="font-size: 35rpx;">全是骗子设的套网购售后要小心，反复要钱不是亲好友QQ来借钱，一定记住先电联网络诈骗不难防，不贪不给不上当反电诈秘籍有核心，天空飘来7个字：钱，钱，钱，拿来吧钱！</text>
						</view>
						<view class="shipin_dianzan">
							<view class="shipin_xiangshang">
								<image src="../../../static/img/dianzan.png" mode=""
									style="height: 50rpx;width: 50rpx;"></image> 20
							</view>
							<view class="shipin_xiangxia">
								<image src="../../../static/img/share_icon.png" mode=""
									style="height: 50rpx;width: 50rpx; "></image> 6
							</view>
						</view>
					</view>

				</view>
				<view class="shipin_imqge">
					<view class="shipin_imqge_left">
						<image src="../../../static/img/avatar5.png" mode=""></image>
					</view>
					<view class="shipin_imqge_right">
						<view class="shipin_yonghuming">
							悟空支持
						</view>
						<view class="shipin_time">
							2022-07-15
						</view>
						<view class="shipin_pinlunwenzi">
							<text
								style="font-size: 35rpx;">近日，湖南邵阳一个反诈宣传片火了许多网友直呼：太上头了,这支土味广告由真实案例改编为了防止电信诈骗，做好反诈宣传</text>
						</view>
						<view class="shipin_dianzan">
							<view class="shipin_xiangshang">
								<image src="../../../static/img/dianzan.png" mode=""
									style="height: 50rpx;width: 50rpx;"></image> 20
							</view>
							<view class="shipin_xiangxia">
								<image src="../../../static/img/share_icon.png" mode=""
									style="height: 50rpx;width: 50rpx; "></image> 8
							</view>
						</view>
					</view>
				
				</view>
				<view class="shipin_imqge">
					<view class="shipin_imqge_left">
						<image src="../../../static/img/avatar6.png" mode=""></image>
					</view>
					<view class="shipin_imqge_right">
						<view class="shipin_yonghuming">
						当今时代
						</view>
						<view class="shipin_time">
							2022-07-15
						</view>
						<view class="shipin_pinlunwenzi">
							<text
								style="font-size: 35rpx;">小心就落入了诈骗分子的陷阱，众多被骗真实案件警示我们，提高防范意识刻不容缓，千万不能让骗子得手！</text>
						</view>
						<view class="shipin_dianzan">
							<view class="shipin_xiangshang">
								<image src="../../../static/img/dianzan.png" mode=""
									style="height: 50rpx;width: 50rpx;"></image> 20
							</view>
							<view class="shipin_xiangxia">
								<image src="../../../static/img/share_icon.png" mode=""
									style="height: 50rpx;width: 50rpx; "></image> 3
							</view>
						</view>
					</view>
				
				</view>
			</view>
			<view class="">

			</view>
		</view>
		<talkwith></talkwith>
	</view>

</template>

<script>
	import talkwith from '@/components/talkwith.vue'
	export default {
		components: {
			talkwith
		},
		data() {
			return {
				src: ''

			}
		},
		onLoad(options) {
			var id = JSON.parse(options.id);
			console.log("id=" + id);
			var that = this;
			var data = require("static/data/old_wenzhang.json");
			that.old_wenzhang = data["old_wenzhang"];
			console.log(that.new_enzhang)
			for (var i = 0; i < that.old_wenzhang.length; i++) {
				console.log(that.old_wenzhang[i].id)
				if (that.old_wenzhang[i].id == id) {
					console.log(id)
					that.wenzhang = that.old_wenzhang[i];
					break;
				}
			}
		},
		onReady: function(res) {
			// #ifndef MP-ALIPAY
			this.videoContext = uni.createVideoContext('myVideo')
			// #endif
		},
		methods: {
			go_back() {
				uni.navigateBack({

				})
			}
		}
	}
</script>

<style>
	.top {
		/* border: #ACC3D4 solid 1px; */
		width: 750rpx;
		height: 50px;

		/* margin-bottom: 30rpx; */
		display: flex;
		flex-direction: row;
		background-color: #CCE5ED;
		position: sticky;
		top: 0;
		z-index: 999;
	}

	.go_back {
		/* border: #ACC3D4 solid 1px; */
		width: 25px;
		height: 25px;
		margin: 13px;

	}

	.go_back image {
		width: 100%;
		height: 100%;
	}

	.dname {
		width: 650rpx;
		height: 100rpx;
		line-height: 100rpx;
		text-align: center;
		padding-right: 100rpx;
		box-sizing: border-box;
		font-size: 50rpx;
		font-weight: bolder;

		/* border: red solid 1px; */
	}

	.video {
		/* border: #FF0000 solid 1px; */
		width: 750rpx;
	}

	.video video {
		width: 100%;
	}

	#myVideo {
		width: 100%;

	}

	.shipin_jianjie {
		/* border: #FF0000 solid 1px; */
		width: 95%;
		/* height:400rpx; */
		margin: auto;
	}

	.shipin_pinlun {
		/* border: #ccc 1rpx solid; */
		width: 95%;
		padding-bottom: 150rpx;
		margin: auto;
		height: 400rpx;
	}

	.shipin_word {
		border-left: 5px solid #FF0000;
		width: 130rpx;
		font-size: 50rpx;

	}

	.shipin_imqge {
		width: 95%;
		height: 400rpx;
		margin-top: 40rpx;
		padding-left: 20rpx;


	}

	.shipin_imqge_left {
		height: 120rpx;
		width: 120rpx;
		border-radius: 50%;
		/* border: 1px solid #FF0000; */
		float: left;
	}

	.shipin_imqge_left image {
		width: 100%;
		height: 100%;
		border-radius: 50%;
	}

	.shipin_imqge_right {

		float: right;

		width: 520rpx;
		height: 100rpx;
		margin-left: 20rpx;
	}

	.shipin_yonghuming {
		color: #002992;
		font-size: 48rpx;
	}

	.shipin_pinlunwenzi {

		/* border: red solid 1px; */
		margin: 10rpx;
		font-weight: bold;
	}

	.shipin_time {
		color: #ccc;
		font-size: 15rpx;
		margin: 10rpx;
	}

	.shipin_dianzan {
		width: 520rpx;
		height: 50rpx;
	}

	.shipin_jianjie_dianzan {
		width: 520rpx;
		height: 50rpx;
		margin-left: 50rpx;
	}

	.shipin_xiangshang {

		height: 50rpx;
		width: 200rpx;
		float: left;
	}

	.shipin_xiangxia {
		height: 50rpx;
		width: 320rpx;
		float: right;
	}

	.shipin_jianjieword {
		/* border: red solid 1px; */
		/* width: 130rpx; */
		font-size: 50rpx;
		border-left: 5px solid #FF0000;
	}

	.shipin_jj {
		/* border: 1px solid #FF0000; */
		height: 220rpx;
		width: 95%;
	}

	.shipin_jianjie_left {
		height: 160rpx;
		width: 160rpx;
		float: left;
		margin-top: 30rpx;
		padding-left: 20rpx;
	}

	.shipin_jianjie_right {
		height: 130rpx;
		width: 480rpx;
		position: relative;
		float: right;
		margin-top: 60rpx;
		box-sizing: border-box;
	}

	.btn {
		width: 200rpx;
		height: 80rpx;
		color: #ffffff;
		position: absolute;
		right: 0;
		top: 10rpx;
		line-height: 80rpx;
		background-color: #9ED8D8;
	}
</style>
